<template>
    <div class="main">
        <v-row no-gutters cols="12" align="center" lign-content="center">
            <v-col  :cols="4" :xs="12" :sm="6" :md="4" v-for="(webItem, i) in websites" :key="i">
                <WebSiteItemCard :web="webItem" />
            </v-col>
        </v-row>
    </div>
</template>

<script setup lang='ts'>
import type { menuType, websiteType } from '@/service/types';
import { useCounterStore } from '@/store/modules/user'
const router = useRouter();
const store = useCounterStore()
//模拟数据
const props = defineProps<{
    websites: websiteType[],
}>();

const handleClick = (url: string) => {
    router.push(url);
};
</script>
<style scoped lang='scss'>
.main {
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
</style>